<!--  用水量 -->
<template>
    <div class="water">
        <CommonTitleComponent class="top" text="月度用水量及环比增速"></CommonTitleComponent>
        <chart-view
            :chart-option="EchartsMethods.energyElectric(state.chartData)"
            :auto-resize="true"
            height="100%"
            style="height: 100%"
        ></chart-view>
    </div>
</template>

<script setup lang="ts">
import { reactive } from 'vue';
import { EchartsMethods } from '@/chart/index';

const state = reactive({
    chartData: {
        wname: '用水量',
        watercompanyname: '单位：m³',
        waterlegname: '用水量（t）',
        watercolor: 'rgba(144, 253, 226, 1)',
        tercolor: 'rgba(1, 157, 151, 1)',
        wateritemcolor: 'rgba(40, 122, 198, 1)',
        waterlinecolor: 'rgba(40, 122, 198, 1)',
        type: 'water'
    }
});
</script>

<style scoped lang="scss">
.water {
    // margin-top: 25px;
    height: 100%;
    // .top{
    //     padding-top: 18px;
    //     box-sizing: border-box;
    // }
}
</style>
